import React, { useState } from 'react';
import {List, Switch} from 'antd-mobile';
import Btn from "../../../components/btn/Btn";
import Textarea from "../../../components/textarea/Textarea";

import './addEvent.less';

const Item = List.Item;

function AddEvent() {
  let [checked,setChecked] = useState(false);

  return (
    <div className='v-other-add'>
      <List className='g-p5-10 g-bg-f g-bdrs12'>
        <Item extra={'钱多多'}>顾客姓名</Item>
        <Item extra={'12345678901'}>手机号</Item>
        <Item extra={'朱娜'}>客管</Item>
      </List>

      <List className='g-p5-10 g-mt10 g-bg-f g-bdrs12'>
        <Item>
          <Textarea autoHeight t='待办内容'/>
        </Item>
      </List>

      <List className='g-p5-10 g-mt10 g-bg-f g-bdrs12'>
        <Item >
          时间
          <span className='g-r g-c8'>2020/08/08 08:08</span>
        </Item>
        <Item extra='一天前'>提醒我</Item>
        <Item extra={
          <Switch checked={checked}
                  color='#5599ff'
                  onClick={()=>setChecked(!checked)}/>
        }>
          发送给顾客核对
        </Item>
      </List>
      <Btn type='primary'>确认修改</Btn>
    </div>
  )
}

export default AddEvent;
